<template>
  <el-row>
    <h3 style="font-weight: 400; margin: 60px 0 35px 20px">{{ item[0].toLocaleString() }}</h3>
    <span>周同比 {{ item[1] }}%<i class="one" /></span>
    <span>日环比 {{ item[2] }}%<i class="two" /></span>
  </el-row>
</template>

<script>
export default {
  props: {
    item: {
      type: Array,
      required: true
    }
  }
}
</script>

<style lang="scss" scoped>
span {
  font-size: 16px;
  margin-right: 30px;
}
i {
  display: inline-block;
  width: 8px;
  height: 8px;
  border: 4px solid transparent;
  margin-left: 10px;
}
.one {
  border-bottom-color: red;
  transform: translateY(-4px);
}
.two {
  border-top-color: green;
}
</style>
